@import '@scss/hairline.scss';
.root {
	:global {
		.iconfanhui {
			font-size: 20px;
		}

		.content {
			padding: 0 32px;

			h3 {
				padding: 30px 0;
				font-size: 24px;
			}

			.input-item {
				position: relative;

				&:first-child {
					margin-bottom: 17px;
				}
				.input-box {
					position: relative;
					@include hairline(bottom, #ccc);
					.input {
						width: 100%;
						height: 58px;
						padding: 0;
						font-size: 16px;

						&::placeholder {
							color: #a5a6ab;
						}
					}
					.extra {
						position: absolute;
						right: 0;
						top: 50%;
						margin-top: -8px;
						color: #999;
					}
				}
			}

			.validate {
				position: absolute;

				color: #ee0a24;
				font-size: 12px;
			}

			.login-btn {
				width: 100%;
				height: 50px;
				margin-top: 38px;
				border-radius: 8px;
				border: 0;
				color: #fff;
				background: linear-gradient(315deg, #fe4f4f, #fc6627);
			}
			.disabled {
				background: linear-gradient(315deg, #ff9999, #ffa179);
			}
		}
	}
}
